import React from 'react';
import Tabs from '@/components/bazi/tabs';
import TitleLayout from '@/layout/title-return';

export default function BaziDetail() {
  return (
    <TitleLayout title="观山命盘">
      <Tabs>
        <div
          style={{
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            height: '350px',
            backgroundColor: '#00acc4',
          }}
        >
          Content of first tab
        </div>
        <div
          style={{
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            height: '350px',
            backgroundColor: '#00acc4',
          }}
        >
          Content of second tab
        </div>
        <div
          style={{
            display: 'flex',
            alignItems: 'center',
            justifyContent: 'center',
            height: '350px',
            backgroundColor: '#00acc4',
          }}
        >
          Content of third tab
        </div>
      </Tabs>
    </TitleLayout>
  );
}
